import { extendTheme, type ThemeConfig } from '@chakra-ui/react';

const config: ThemeConfig = {
  initialColorMode: 'light',
  useSystemColorMode: false,
};

const theme = extendTheme({
  config,
  colors: {
    brand: {
      50: '#e0edff',
      100: '#b3cbff',
      200: '#81aafc',
      300: '#528ef8',
      400: '#2f73ef',
      500: '#0f6bed',
      600: '#0b52bf',
      700: '#083d92',
      800: '#042663',
      900: '#021634',
    },
  },
  fonts: {
    heading: "'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif",
    body: "'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif",
  },
  styles: {
    global: {
      body: {
        bg: '#eef1f7',
        color: '#0f172a',
      },
      '#root': {
        minHeight: '100vh',
      },
    },
  },
});

export default theme;
